<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>我买网首页</title>
	<link rel="stylesheet" href="src/css/index.css">
	<link rel="stylesheet" href="src/css/com.css">
	<link rel="stylesheet" href="src/css/swiper-3.4.2.min.css" />
	<!--<script type="text/javascript" src="src/js/jquery-1.8.3.js"></script>
	<script type="text/javascript" src="src/js/swiper-3.3.1.min.js" ></script>
	<script type="text/javascript" src="src/js/com.js"></script>
	<script type="text/javascript" src="src/js/index.js"></script>-->
	<script type="text/javascript" src="src/js/require.js" data-main="src/js/index.js"></script>
</head>
<body>
	<!------------------------------侧边栏--------------------------------------->
	<div class="side_right">
		<div class="my_cart">
			<h1><a href="#">我的购物车</a><span class="close">&times;</span></h1>
		</div>
		<div class="side_nav">
			<div class="cart">
				<span></span>
				<p><a href="#">购</br>物</br>车</a></p>
				<em>0</em>
			</div>
			<div class="cart-nav">
				<ul>
					<li>
						<a href="#"><span>我的收藏</span><em class="collect"></em></a>
					</li>
					<li>
						<a href="#"><span>账户中心</span><em class="accoun"></em></a>
					</li>
					<li>
						<a href="#"><span>在线充值</span><em class="recharge"></em></a>
					</li>
					<li>
						<a href="#"><span class="qr-bg"></span><em class="qr"></em></a>
					</li>
					<li>
						<a href="#"><span>回到顶部</span><em class="top"></em></a>
					</li>
				</ul>
			</div>
		</div>
	</div>
<!----------------------Top(公共样式)------------------------------------->
	<div class="top">
		<img src="image/top.jpg">
	</div>
	<div id="header"></div>
	<div id="search"></div>
<!--------------------------nav------------------------------------------>
	<div id="nav">
		<div id="nav_box">
			<div class="all_kinds">
				<p class="head">全部商品分类</p>
				<ul class="nav_first">
					<!--nav json数据-->
				</ul>
				<div class="nav_second">
					<!--nav json数据-->
				</div>
			</div>
			<div class="main_nav">
				<ul class="main_nav_list">
					<li><a href="#">团购</a></li>
					<li><a href="#">每日鲜</a></li>
					<li><a href="#">我买酒</a></li>
					<li><a href="#">中粮出品</a></li>
					<li><a href="#">安心享</a></li>
					<li><a href="#">包邮直送</a></li>
					<li><a href="#">全球购</a></li>
				</ul>
			</div>
			<div class="small_cart">
				<div class="cart_box">
					<span class="scart_icon"><i class="small_cart_num">0</i></span>
					<span class="scart_txt"><a href="">购物车</a></span>
					<span class="scart_arrow"></span>
				</div>
				<div class="cart_con">
					<div class="free">
						<span class=""><img src=""/></span>
						<p>购物车还没有商品，赶紧选购吧!
							<a href="">去首页看看!</a></p>
					</div>
				</div>
			</div>
		</div>
	</div>
<!-------------------------banner--------------------------------------->
	<div id="banner">
		<div class="banner_box">
			<ul class="img_list">
				<li style="background:rgb(132, 45, 140)"><a href="#"><img src="image/banner01.jpg" /></a></li>
				<li style="background:rgb(164, 255, 250)"><a href="#"><img src="image/banner02.jpg" /></a></li>
				<li style="background:rgb(192, 230, 253)"><a href="#"><img src="image/banner03.jpg" /></a></li>
				<li style="background:rgb(255, 196, 70)"><a href="#"><img src="image/banner04.jpg" /></a></li>
				<li style="background:rgb(248, 112, 76)"><a href="#"><img src="image/banner05.jpg" /></a></li>
				<li style="background:rgb(252, 255, 44)"><a href="#"><img src="image/banner06.jpg" /></a></li>
				<li style="background:rgb(101, 195, 241)"><a href="#"><img src="image/banner07.jpg" /></a></li>
			</ul>
			<ol class="btn_list">
				<a href="" class="active"></a>
				<a href=""></a>
				<a href=""></a>
				<a href=""></a>
				<a href=""></a>
				<a href=""></a>
				<a href=""></a>
			</ol>
			<div class="banner_arrow">
				<a href="#" class="banner_left"><</a>
				<a href="#" class="banner_right">></a>
			</div>
		</div>
	</div>
	<!------------------------banner_right---------------------------------->
	<div id="nav_right">
		<div class="nav_r_box">
			<ul class="nav_r_title">
				<li class="nav_r_current"><a href="#">服务公告</a></li>
				<li><a href="#">卡券专栏</a></li>
				<li><a href="#">VIP通道</a></li>
			</ul>
			<ul class="nav_r_wrap">
				<li class="nav_r_cont selected">
					<ul>
						<li class="nav_info">系统升级公共</li>
						<li class="nav_info">包装测试问卷调研获奖...</li>
						<li class="nav_info">《暂停开具电子发票通...</li>
					</ul>
				</li>
				<li class="nav_r_cont">
					<ul>
						<li class="nav_info">我买卡简介</li>
						<li class="nav_info">钱库优惠券使用小提示</li>
						<li class="nav_info">优惠券使用说明</li>
					</ul>
				</li>
				<li class="nav_r_cont">
					<ul>
						<li class="nav_info">2016年4月VIP会员专享...</li>
						<li class="nav_info">2016年3月VIP 会员专享券活动说明</li>
						<li class="nav_info">2016年3月VIP 会员专享...</li>
					</ul>
				</li>
			</ul>
			<ul class="mini_lead">
				<li class="lead_list"><a href="#"><img src="image/mini01.png"/></a></li>
				<li class="lead_list"><a href="#"><img src="image/mini02.png"/></a></li>
				<li class="lead_list"><a href="#"><img src="image/mini03.png"/></a></li>
				<li class="lead_list"><a href="#"><img src="image/mini04.png"/></a></li>
				<li class="lead_list"><a href="#"><img src="image/mini05.png"/></a></li>
				<li class="lead_list"><a href="#"><img src="image/mini06.png"/></a></li>
				<li class="lead_list"><a href="#"><img src="image/mini07.png"/></a></li>
				<li class="lead_list"><a href="#"><img src="image/mini08.png"/></a></li>
				<li class="lead_list"><a href="#"><img src="image/mini09.png"/></a></li>
			</ul>
			<div class="nav_r_adv">
				<a href=""><img src="image/nav_ad.jpg"/></a>
			</div>
		</div>
	</div>
<!--------------------------每日劲爆品------------------------------------>
<div class="main">
	<div class="main_hot">
		<h1>每日劲爆品<span></span></h1>
		<div class="main_hot_product">
			<h2><a href="#"><img src="image/hot1(1).jpg" alt=""></a></h2>
			<div class="product_box">
				<div class="product-list" id="product-list-first">
					<dl>
						<dt><a href="#"><img src="image/hot1(2).jpg" alt=""></a></dt>
						<dd>
							<a href="#">农夫山泉 100%NFC橙汁</a></br>
							<a href="#">300ml*24|整箱优惠</a></br>
							<b>￥139</b><a href="#"><span>去看看</span></a>
						</dd>
					</dl>
					<dl>
						<dt><a href="#"><img src="image/hot1(3).jpg" alt=""></a></dt>
						<dd>
							<a href="#">农夫山泉 100%NFC橙汁</a></br>
							<a href="#">300ml*24|整箱优惠</a></br>
							<b>￥139</b><a href="#"><span>去看看</span></a>
						</dd>
					</dl>
					<dl>
						<dt><a href="#"><img src="image/hot1(4).jpg" alt=""></a></dt>
						<dd>
							<a href="#">农夫山泉 100%NFC橙汁</a></br>
							<a href="#">300ml*24|整箱优惠</a></br>
							<b>￥139</b><a href="#"><span>去看看</span></a>
						</dd>
					</dl>
					<dl>
						<dt><a href="#"><img src="image/hot1(5).jpg" alt=""></a></dt>
						<dd>
							<a href="#">农夫山泉 100%NFC橙汁</a></br>
							<a href="#">300ml*24|整箱优惠</a></br>
							<b>￥139</b><a href="#"><span>去看看</span></a>
						</dd>
					</dl>
				</div>
				<div class="product-list">
					<dl>
						<dt><a href="#"><img src="image/hot1(6).jpg" alt=""></a></dt>
						<dd>
							<a href="#">农夫山泉 100%NFC橙汁</a></br>
							<a href="#">300ml*24|整箱优惠</a></br>
							<b>￥139</b><a href="#"><span>去看看</span></a>
						</dd>
					</dl>
					<dl>
						<dt><a href="#"><img src="image/hot1(7).jpg" alt=""></a></dt>
						<dd>
							<a href="#">农夫山泉 100%NFC橙汁</a></br>
							<a href="#">300ml*24|整箱优惠</a></br>
							<b>￥139</b><a href="#"><span>去看看</span></a>
						</dd>
					</dl>
					<dl>
						<dt><a href="#"><img src="image/hot1(8).jpg" alt=""></a></dt>
						<dd>
							<a href="#">农夫山泉 100%NFC橙汁</a></br>
							<a href="#">300ml*24|整箱优惠</a></br>
							<b>￥139</b><a href="#"><span>去看看</span></a>
						</dd>
					</dl>
					<dl>
						<dt><a href="#"><img src="image/hot1(9).jpg" alt=""></a></dt>
						<dd>
							<a href="#">农夫山泉 100%NFC橙汁</a></br>
							<a href="#">300ml*24|整箱优惠</a></br>
							<b>￥139</b><a href="#"><span>去看看</span></a>
						</dd>
					</dl>
				</div>
			</div>
			<div id="btn-left"><</div>
			<div id="btn-right">></div>
		</div>
	</div>
	<!--------------------------我买特色------------------------------------>
	<div class="tese">
		<h1>我买特色<span></span></h1>
		<dl class="clearfix-list">
			<dt><a href="#"><img src="image/f(1).jpg" alt=""></a></dt>
			<dd><a href="#"><img src="image/f(2).jpg" alt=""></a></dd>
			<dd><a href="#"><img src="image/f(3).jpg" alt=""></a></dd>
			<dd><a href="#"><img src="image/f(4).jpg" alt=""></a></dd>
			<dd><a href="#"><img src="image/f(5).jpg" alt=""></a></dd>
			<dd><a href="#"><img src="image/f(6).jpg" alt=""></a></dd>
			<dd><a href="#"><img src="image/f(7).jpg" alt=""></a></dd>
		</dl>
	</div>
	<!--------------------------floor-top------------------------------------>
	<div class="floor-top">
		<ul>
			<li><a href="#"><img src="image/floor-top(1).jpg" alt=""></a></li>
			<li><a href="#"><img src="image/floor-top(2).jpg" alt=""></a></li>
			<li><a href="#"><img src="image/floor-top(3).jpg" alt=""></a></li>
		</ul>
	</div>
	<div class="floor_nav">
		<ul class="floor_nav_box">
			<li><a><b>进口食品</b></a></li>
			<li><a><b>生鲜日配</b></a></li>
			<li><a><b>时令果蔬</b></a></li>
			<li><a><b>奶制品</b></a></li>
			<li><a><b>休闲保健</b></a></li>
			<li><a><b>酒饮冲调茶</b></a></li>
			<li><a><b>粮油副食</b></a></li>
			<li><a><b>母婴玩具</b></a></li>
			<li><a><b>个户清洁</b></a></li>
			<li><a><b>家具家电</b></a></li>
			<li class="top"><a><b>Top</b></a></li>
		</ul>
	</div>
	<!----------------------floors_box------------------------------------>
	<div id="floors_box">
		<div class="floor_box">
		</div>
		<div class="floor_box">
		</div>
		<div class="floor_box">
		</div>
		<div class="floor_box">
		</div>
		<div class="floor_box">
		</div>
		<div class="floor_box">
		</div>
		<div class="floor_box">
		</div>
		<div class="floor_box">
		</div>
		<div class="floor_box">
		</div>
		<div class="floor_box">
		</div>
	</div>
	<!---------------------footer-nav---------------------------------->
	<div id="footer_nav">
		<div class="footer_nav_box">
			<ul class="nav_con">
			</ul>
		</div>
	</div>
</div>
<div id="footer">

</div>
</body>
</html>